<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" trimDirectiveWhitespaces="true"%>
<%@ include file="/WEB-INF/tiles2/common.jsp" %>
<div class="page-header">
	<img class="fleft titlelogo" 
		src="img/ext/glyphicons_043_group.png">
	<h1>회원가입</h1>
</div>

<article>
	<div>
		<ul class="breadcrumb">
			<li><a class="btn btn-success" disabled="disabled">이용약관</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn" disabled="disabled">실명확인</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn" disabled="disabled">정보입력</a></li>
			<li><i class="icon-chevron-right"></i></li>
			<li><a class="btn" disabled="disabled">가입완료</a></li>
			<li><i class="icon-chevron-right"></i></li>
		</ul>
	</div><!-- 이동경로 -->
	
	<div class="page-header">
		<h2>이용약관 동의</h2>
		<small>회원가입을 위해서 아래 이용약관, 개인정보 수집 및 이용에 대한 안내를 읽고 동의해 주세요.</small>
	</div><!-- 이용약관제목 -->
	
	<div>
		<form name="agree1frm" class="well form-horizontal">
			<h3>사이트 이용약관</h3>
			<fieldset class="control-group error">
				<textarea wrap="virtual" class="agrees commview" id="synop"><%@ include file="/WEB-INF/jsp/etc/agreement.jspf" %> </textarea>
				<p class="tright"><label class="checkbox inline">
				<input type="checkbox" name="agree1" id="agree1">
				이용약관에 동의합니다.</label></p>
			</fieldset>
		</form>
		<form name="agree2frm" class="well form-horizontal">
			<h3>개인정보 수집 및 이용에 대한 안내</h3>
			<fieldset class="control-group error">
				<textarea wrap="virtual" class="agrees"><%@ include file="/WEB-INF/jsp/etc/agreement1.jspf" %></textarea>
				<p class="tright"><label class="checkbox inline">
				<input type="checkbox" name="agree2" id="agree2">
				개인정보 수집 및 이용에 동의합니다.</label></p>
			</fieldset>
		</form>
	</div><!-- 이용약관 -->
	
	<div class="tcenter">
		<a class="btn btn-success" id="agreeall">모두 동의합니다</a>
		<a class="btn btn-danger" id="notagree">동의하지 않습니다</a>
	</div><!-- 버튼모음 -->
</article>

<!-- 스크립트 -->
<script>
	$("#agreeall").on( "click", function(event) { 
		if ( $("#agree1").is(":checked") == false ) alert();
		else if ( $("#agree2").is(":checked") == false ) alert();
		else $(location).attr( 
				"href", "<c:url value='/join/realcheck.mvc' />" );
	} );
	$("#notagree").on( "click", function(event) {
		$(location).attr( 
				"href", "<c:url value='/index.mvc' />" );
	} );
</script>
<script>
	
</script>






